<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>helix-front documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
	   <link rel="stylesheet" href="./styles/style.css">
        <link rel="stylesheet" href="./styles/dark.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="./" class="navbar-brand">helix-front documentation</a>
            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <compodoc-menu mode="normal"></compodoc-menu>
               </div>
               <!-- START CONTENT -->
               <div class="content overview">
                   <div class="content-data">


<ol class="breadcrumb">
    <li>Overview</li>
</ol>
  
<div class="text-center module-graph-container">
    <div id="module-graph-svg">
        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 5.0.0 (20220707.1540)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="7594pt" height="397pt"
 viewBox="0.00 0.00 7594.00 396.80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 392.8)">
<title>dependencies</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-392.8 7590,-392.8 7590,4 -4,4"/>
<text text-anchor="middle" x="3793" y="-8.2" font-family="sans-serif" font-size="14.00">dependencies</text>
<g id="clust1" class="cluster">
<title>cluster_AppModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="1590,-108.8 1590,-380.8 2813,-380.8 2813,-108.8 1590,-108.8"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_AppModule_declarations</title>
<polygon fill="none" stroke="black" points="1598,-184.8 1598,-236.8 1720,-236.8 1720,-184.8 1598,-184.8"/>
</g>
<g id="clust3" class="cluster">
<title>cluster_AppModule_AppComponent_providers</title>
<polygon fill="none" stroke="black" points="1598,-116.8 1598,-168.8 1730,-168.8 1730,-116.8 1598,-116.8"/>
</g>
<g id="clust4" class="cluster">
<title>cluster_AppModule_imports</title>
<polygon fill="none" stroke="black" points="1762,-116.8 1762,-236.8 2805,-236.8 2805,-116.8 1762,-116.8"/>
</g>
<g id="clust6" class="cluster">
<title>cluster_AppModule_bootstrap</title>
<polygon fill="none" stroke="black" points="2035,-320.8 2035,-372.8 2159,-372.8 2159,-320.8 2035,-320.8"/>
</g>
<g id="clust8" class="cluster">
<title>cluster_ChooserModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="3954,-108.8 3954,-176.8 4288,-176.8 4288,-108.8 3954,-108.8"/>
</g>
<g id="clust9" class="cluster">
<title>cluster_ChooserModule_declarations</title>
<polygon fill="none" stroke="black" points="4130,-116.8 4130,-168.8 4280,-168.8 4280,-116.8 4130,-116.8"/>
</g>
<g id="clust14" class="cluster">
<title>cluster_ChooserModule_providers</title>
<polygon fill="none" stroke="black" points="3962,-116.8 3962,-168.8 4122,-168.8 4122,-116.8 3962,-116.8"/>
</g>
<g id="clust15" class="cluster">
<title>cluster_ClusterModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="2947,-108.8 2947,-176.8 3946,-176.8 3946,-108.8 2947,-108.8"/>
</g>
<g id="clust16" class="cluster">
<title>cluster_ClusterModule_declarations</title>
<polygon fill="none" stroke="black" points="3464,-116.8 3464,-168.8 3938,-168.8 3938,-116.8 3464,-116.8"/>
</g>
<g id="clust21" class="cluster">
<title>cluster_ClusterModule_exports</title>
<polygon fill="none" stroke="black" points="3115,-116.8 3115,-168.8 3456,-168.8 3456,-116.8 3115,-116.8"/>
</g>
<g id="clust23" class="cluster">
<title>cluster_ClusterModule_providers</title>
<polygon fill="none" stroke="black" points="2955,-116.8 2955,-168.8 3107,-168.8 3107,-116.8 2955,-116.8"/>
</g>
<g id="clust24" class="cluster">
<title>cluster_ConfigurationModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="2821,-244.8 2821,-312.8 3189,-312.8 3189,-244.8 2821,-244.8"/>
</g>
<g id="clust25" class="cluster">
<title>cluster_ConfigurationModule_declarations</title>
<polygon fill="none" stroke="black" points="3011,-252.8 3011,-304.8 3181,-304.8 3181,-252.8 3011,-252.8"/>
</g>
<g id="clust28" class="cluster">
<title>cluster_ConfigurationModule_exports</title>
<polygon fill="none" stroke="black" points="2829,-252.8 2829,-304.8 3003,-304.8 3003,-252.8 2829,-252.8"/>
</g>
<g id="clust31" class="cluster">
<title>cluster_ControllerModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="1376,-108.8 1376,-236.8 1582,-236.8 1582,-108.8 1376,-108.8"/>
</g>
<g id="clust32" class="cluster">
<title>cluster_ControllerModule_declarations</title>
<polygon fill="none" stroke="black" points="1384,-116.8 1384,-168.8 1574,-168.8 1574,-116.8 1384,-116.8"/>
</g>
<g id="clust44" class="cluster">
<title>cluster_DashboardModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="4296,-32.8 4296,-176.8 4642,-176.8 4642,-32.8 4296,-32.8"/>
</g>
<g id="clust45" class="cluster">
<title>cluster_DashboardModule_declarations</title>
<polygon fill="none" stroke="black" points="4304,-116.8 4304,-168.8 4462,-168.8 4462,-116.8 4304,-116.8"/>
</g>
<g id="clust46" class="cluster">
<title>cluster_DashboardModule_DashboardComponent_providers</title>
<polygon fill="none" stroke="black" points="4304,-40.8 4304,-92.8 4634,-92.8 4634,-40.8 4304,-40.8"/>
</g>
<g id="clust51" class="cluster">
<title>cluster_HistoryModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="4650,-108.8 4650,-176.8 4828,-176.8 4828,-108.8 4650,-108.8"/>
</g>
<g id="clust52" class="cluster">
<title>cluster_HistoryModule_declarations</title>
<polygon fill="none" stroke="black" points="4658,-116.8 4658,-168.8 4820,-168.8 4820,-116.8 4658,-116.8"/>
</g>
<g id="clust58" class="cluster">
<title>cluster_InstanceModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="4836,-108.8 4836,-176.8 5198,-176.8 5198,-108.8 4836,-108.8"/>
</g>
<g id="clust59" class="cluster">
<title>cluster_InstanceModule_declarations</title>
<polygon fill="none" stroke="black" points="4844,-116.8 4844,-168.8 5190,-168.8 5190,-116.8 4844,-116.8"/>
</g>
<g id="clust72" class="cluster">
<title>cluster_ResourceModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="5206,-108.8 5206,-176.8 6404,-176.8 6404,-108.8 5206,-108.8"/>
</g>
<g id="clust73" class="cluster">
<title>cluster_ResourceModule_declarations</title>
<polygon fill="none" stroke="black" points="5214,-116.8 5214,-168.8 6396,-168.8 6396,-116.8 5214,-116.8"/>
</g>
<g id="clust84" class="cluster">
<title>cluster_SharedModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-32.8 8,-100.8 3703,-100.8 3703,-32.8 8,-32.8"/>
</g>
<g id="clust85" class="cluster">
<title>cluster_SharedModule_declarations</title>
<polygon fill="none" stroke="black" points="172,-40.8 172,-92.8 2206,-92.8 2206,-40.8 172,-40.8"/>
</g>
<g id="clust98" class="cluster">
<title>cluster_SharedModule_imports</title>
<polygon fill="none" stroke="black" points="3573,-40.8 3573,-92.8 3695,-92.8 3695,-40.8 3573,-40.8"/>
</g>
<g id="clust99" class="cluster">
<title>cluster_SharedModule_exports</title>
<polygon fill="none" stroke="black" points="2214,-40.8 2214,-92.8 3565,-92.8 3565,-40.8 2214,-40.8"/>
</g>
<g id="clust101" class="cluster">
<title>cluster_SharedModule_providers</title>
<polygon fill="none" stroke="black" points="16,-40.8 16,-92.8 164,-92.8 164,-40.8 16,-40.8"/>
</g>
<g id="clust102" class="cluster">
<title>cluster_TestingModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="2821,-116.8 2821,-168.8 2939,-168.8 2939,-116.8 2821,-116.8"/>
</g>
<g id="clust108" class="cluster">
<title>cluster_WorkflowModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="6412,-108.8 6412,-176.8 7578,-176.8 7578,-108.8 6412,-108.8"/>
</g>
<g id="clust109" class="cluster">
<title>cluster_WorkflowModule_declarations</title>
<polygon fill="none" stroke="black" points="6728,-116.8 6728,-168.8 7570,-168.8 7570,-116.8 6728,-116.8"/>
</g>
<g id="clust118" class="cluster">
<title>cluster_WorkflowModule_providers</title>
<polygon fill="none" stroke="black" points="6420,-116.8 6420,-168.8 6720,-168.8 6720,-116.8 6420,-116.8"/>
</g>
<!-- AppComponent -->
<g id="node1" class="node">
<title>AppComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1711.94,-228.8 1606.06,-228.8 1606.06,-192.8 1711.94,-192.8 1711.94,-228.8"/>
<text text-anchor="middle" x="1659" y="-206.6" font-family="Times,serif" font-size="14.00">AppComponent</text>
</g>
<!-- AppModule -->
<g id="node2" class="node">
<title>AppModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2138.66,-296.8 2135.66,-300.8 2114.66,-300.8 2111.66,-296.8 2055.34,-296.8 2055.34,-260.8 2138.66,-260.8 2138.66,-296.8"/>
<text text-anchor="middle" x="2097" y="-274.6" font-family="Times,serif" font-size="14.00">AppModule</text>
</g>
<!-- AppComponent&#45;&gt;AppModule -->
<g id="edge1" class="edge">
<title>AppComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M1659,-228.95C1659,-252.56 1659,-290.8 1659,-290.8 1659,-290.8 2045,-290.8 2045,-290.8"/>
<polygon fill="black" stroke="black" points="2045,-294.3 2055,-290.8 2045,-287.3 2045,-294.3"/>
</g>
<!-- AppComponent  -->
<g id="node14" class="node">
<title>AppComponent </title>
<polygon fill="#80b1d3" stroke="black" points="2151.44,-364.8 2042.56,-364.8 2042.56,-328.8 2151.44,-328.8 2151.44,-364.8"/>
<text text-anchor="middle" x="2097" y="-342.6" font-family="Times,serif" font-size="14.00">AppComponent </text>
</g>
<!-- AppModule&#45;&gt;AppComponent  -->
<g id="edge13" class="edge">
<title>AppModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="black" stroke-dasharray="1,5" d="M2097,-297.02C2097,-297.02 2097,-318.53 2097,-318.53"/>
<polygon fill="black" stroke="black" points="2093.5,-318.53 2097,-328.53 2100.5,-318.53 2093.5,-318.53"/>
</g>
<!-- UserService -->
<g id="node3" class="node">
<title>UserService</title>
<ellipse fill="#fdb462" stroke="black" cx="1664" cy="-142.8" rx="58.46" ry="18"/>
<text text-anchor="middle" x="1664" y="-138.6" font-family="Times,serif" font-size="14.00">UserService</text>
</g>
<!-- UserService&#45;&gt;AppComponent -->
<g id="edge2" class="edge">
<title>UserService&#45;&gt;AppComponent</title>
<path fill="none" stroke="black" d="M1659,-161.02C1659,-161.02 1659,-182.53 1659,-182.53"/>
<polygon fill="black" stroke="black" points="1655.5,-182.53 1659,-192.53 1662.5,-182.53 1655.5,-182.53"/>
</g>
<!-- ChooserModule -->
<g id="node4" class="node">
<title>ChooserModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2150.21,-228.8 2147.21,-232.8 2126.21,-232.8 2123.21,-228.8 2043.79,-228.8 2043.79,-192.8 2150.21,-192.8 2150.21,-228.8"/>
<text text-anchor="middle" x="2097" y="-206.6" font-family="Times,serif" font-size="14.00">ChooserModule</text>
</g>
<!-- ChooserModule&#45;&gt;AppModule -->
<g id="edge3" class="edge">
<title>ChooserModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M2097,-229.02C2097,-229.02 2097,-250.53 2097,-250.53"/>
<polygon fill="black" stroke="black" points="2093.5,-250.53 2097,-260.53 2100.5,-250.53 2093.5,-250.53"/>
</g>
<!-- ClusterModule -->
<g id="node5" class="node">
<title>ClusterModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2025.99,-228.8 2022.99,-232.8 2001.99,-232.8 1998.99,-228.8 1926.01,-228.8 1926.01,-192.8 2025.99,-192.8 2025.99,-228.8"/>
<text text-anchor="middle" x="1976" y="-206.6" font-family="Times,serif" font-size="14.00">ClusterModule</text>
</g>
<!-- ClusterModule&#45;&gt;AppModule -->
<g id="edge4" class="edge">
<title>ClusterModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M1976,-229.07C1976,-247.36 1976,-272.8 1976,-272.8 1976,-272.8 2045.02,-272.8 2045.02,-272.8"/>
<polygon fill="black" stroke="black" points="2045.02,-276.3 2055.02,-272.8 2045.02,-269.3 2045.02,-276.3"/>
</g>
<!-- ClusterDetailComponent  -->
<g id="node20" class="node">
<title>ClusterDetailComponent </title>
<polygon fill="#fb8072" stroke="black" points="3447.98,-160.8 3288.02,-160.8 3288.02,-124.8 3447.98,-124.8 3447.98,-160.8"/>
<text text-anchor="middle" x="3368" y="-138.6" font-family="Times,serif" font-size="14.00">ClusterDetailComponent </text>
</g>
<!-- ClusterModule&#45;&gt;ClusterDetailComponent  -->
<g id="edge21" class="edge">
<title>ClusterModule&#45;&gt;ClusterDetailComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2004.21,-192.74C2004.21,-181.36 2004.21,-168.8 2004.21,-168.8 2004.21,-168.8 3368,-168.8 3368,-168.8 3368,-168.8 3368,-168.01 3368,-168.01"/>
<polygon fill="black" stroke="black" points="3371.5,-170.86 3368,-160.86 3364.5,-170.86 3371.5,-170.86"/>
</g>
<!-- ClusterListComponent  -->
<g id="node21" class="node">
<title>ClusterListComponent </title>
<polygon fill="#fb8072" stroke="black" points="3270.55,-160.8 3123.45,-160.8 3123.45,-124.8 3270.55,-124.8 3270.55,-160.8"/>
<text text-anchor="middle" x="3197" y="-138.6" font-family="Times,serif" font-size="14.00">ClusterListComponent </text>
</g>
<!-- ClusterModule&#45;&gt;ClusterListComponent  -->
<g id="edge22" class="edge">
<title>ClusterModule&#45;&gt;ClusterListComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1999.86,-192.65C1999.86,-180.53 1999.86,-166.8 1999.86,-166.8 1999.86,-166.8 3148.34,-166.8 3148.34,-166.8 3148.34,-166.8 3148.34,-166.22 3148.34,-166.22"/>
<polygon fill="black" stroke="black" points="3151.84,-170.99 3148.34,-160.99 3144.84,-170.99 3151.84,-170.99"/>
</g>
<!-- ConfigurationModule -->
<g id="node6" class="node">
<title>ConfigurationModule</title>
<polygon fill="#8dd3c7" stroke="black" points="1908.1,-228.8 1905.1,-232.8 1884.1,-232.8 1881.1,-228.8 1769.9,-228.8 1769.9,-192.8 1908.1,-192.8 1908.1,-228.8"/>
<text text-anchor="middle" x="1839" y="-206.6" font-family="Times,serif" font-size="14.00">ConfigurationModule</text>
</g>
<!-- ConfigurationModule&#45;&gt;AppModule -->
<g id="edge5" class="edge">
<title>ConfigurationModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M1873.52,-229.09C1873.52,-251.01 1873.52,-284.8 1873.52,-284.8 1873.52,-284.8 2045.23,-284.8 2045.23,-284.8"/>
<polygon fill="black" stroke="black" points="2045.23,-288.3 2055.23,-284.8 2045.23,-281.3 2045.23,-288.3"/>
</g>
<!-- ConfigDetailComponent  -->
<g id="node24" class="node">
<title>ConfigDetailComponent </title>
<polygon fill="#fb8072" stroke="black" points="2994.93,-296.8 2837.07,-296.8 2837.07,-260.8 2994.93,-260.8 2994.93,-296.8"/>
<text text-anchor="middle" x="2916" y="-274.6" font-family="Times,serif" font-size="14.00">ConfigDetailComponent </text>
</g>
<!-- ConfigurationModule&#45;&gt;ConfigDetailComponent  -->
<g id="edge26" class="edge">
<title>ConfigurationModule&#45;&gt;ConfigDetailComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1839,-228.93C1839,-239.51 1839,-250.8 1839,-250.8 1839,-250.8 2883.9,-250.8 2883.9,-250.8 2883.9,-250.8 2883.9,-251.78 2883.9,-251.78"/>
<polygon fill="black" stroke="black" points="2880.4,-250.59 2883.9,-260.59 2887.4,-250.59 2880.4,-250.59"/>
</g>
<!-- CoreModule -->
<g id="node7" class="node">
<title>CoreModule</title>
<polygon fill="#8dd3c7" stroke="black" points="1856.27,-160.8 1853.27,-164.8 1832.27,-164.8 1829.27,-160.8 1769.73,-160.8 1769.73,-124.8 1856.27,-124.8 1856.27,-160.8"/>
<text text-anchor="middle" x="1813" y="-138.6" font-family="Times,serif" font-size="14.00">CoreModule</text>
</g>
<!-- CoreModule&#45;&gt;AppModule -->
<g id="edge6" class="edge">
<title>CoreModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M1856.51,-133.8C1885.02,-133.8 1917.03,-133.8 1917.03,-133.8 1917.03,-133.8 1917.03,-278.8 1917.03,-278.8 1917.03,-278.8 2045.26,-278.8 2045.26,-278.8"/>
<polygon fill="black" stroke="black" points="2045.26,-282.3 2055.26,-278.8 2045.26,-275.3 2045.26,-282.3"/>
</g>
<!-- DashboardModule -->
<g id="node8" class="node">
<title>DashboardModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2288.2,-228.8 2285.2,-232.8 2264.2,-232.8 2261.2,-228.8 2167.8,-228.8 2167.8,-192.8 2288.2,-192.8 2288.2,-228.8"/>
<text text-anchor="middle" x="2228" y="-206.6" font-family="Times,serif" font-size="14.00">DashboardModule</text>
</g>
<!-- DashboardModule&#45;&gt;AppModule -->
<g id="edge7" class="edge">
<title>DashboardModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M2228,-228.83C2228,-245.2 2228,-266.8 2228,-266.8 2228,-266.8 2148.81,-266.8 2148.81,-266.8"/>
<polygon fill="black" stroke="black" points="2148.81,-263.3 2138.81,-266.8 2148.81,-270.3 2148.81,-263.3"/>
</g>
<!-- HistoryModule -->
<g id="node9" class="node">
<title>HistoryModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2407.55,-228.8 2404.55,-232.8 2383.55,-232.8 2380.55,-228.8 2306.45,-228.8 2306.45,-192.8 2407.55,-192.8 2407.55,-228.8"/>
<text text-anchor="middle" x="2357" y="-206.6" font-family="Times,serif" font-size="14.00">HistoryModule</text>
</g>
<!-- HistoryModule&#45;&gt;AppModule -->
<g id="edge8" class="edge">
<title>HistoryModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M2357,-229.07C2357,-247.36 2357,-272.8 2357,-272.8 2357,-272.8 2148.77,-272.8 2148.77,-272.8"/>
<polygon fill="black" stroke="black" points="2148.77,-269.3 2138.77,-272.8 2148.77,-276.3 2148.77,-269.3"/>
</g>
<!-- InstanceModule -->
<g id="node10" class="node">
<title>InstanceModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2532.19,-228.8 2529.19,-232.8 2508.19,-232.8 2505.19,-228.8 2425.81,-228.8 2425.81,-192.8 2532.19,-192.8 2532.19,-228.8"/>
<text text-anchor="middle" x="2479" y="-206.6" font-family="Times,serif" font-size="14.00">InstanceModule</text>
</g>
<!-- InstanceModule&#45;&gt;AppModule -->
<g id="edge9" class="edge">
<title>InstanceModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M2479,-229.02C2479,-249.17 2479,-278.8 2479,-278.8 2479,-278.8 2148.97,-278.8 2148.97,-278.8"/>
<polygon fill="black" stroke="black" points="2148.97,-275.3 2138.97,-278.8 2148.97,-282.3 2148.97,-275.3"/>
</g>
<!-- ResourceModule -->
<g id="node11" class="node">
<title>ResourceModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2661.64,-228.8 2658.64,-232.8 2637.64,-232.8 2634.64,-228.8 2550.36,-228.8 2550.36,-192.8 2661.64,-192.8 2661.64,-228.8"/>
<text text-anchor="middle" x="2606" y="-206.6" font-family="Times,serif" font-size="14.00">ResourceModule</text>
</g>
<!-- ResourceModule&#45;&gt;AppModule -->
<g id="edge10" class="edge">
<title>ResourceModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M2606,-229.09C2606,-251.01 2606,-284.8 2606,-284.8 2606,-284.8 2149.09,-284.8 2149.09,-284.8"/>
<polygon fill="black" stroke="black" points="2149.09,-281.3 2139.09,-284.8 2149.09,-288.3 2149.09,-281.3"/>
</g>
<!-- SharedModule -->
<g id="node12" class="node">
<title>SharedModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2085.43,-160.8 2082.43,-164.8 2061.43,-164.8 2058.43,-160.8 1986.57,-160.8 1986.57,-124.8 2085.43,-124.8 2085.43,-160.8"/>
<text text-anchor="middle" x="2036" y="-138.6" font-family="Times,serif" font-size="14.00">SharedModule</text>
</g>
<!-- SharedModule&#45;&gt;AppModule -->
<g id="edge11" class="edge">
<title>SharedModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M2034.26,-160.83C2034.26,-195.22 2034.26,-266.8 2034.26,-266.8 2034.26,-266.8 2045.15,-266.8 2045.15,-266.8"/>
<polygon fill="black" stroke="black" points="2045.15,-270.3 2055.15,-266.8 2045.15,-263.3 2045.15,-270.3"/>
</g>
<!-- SharedModule&#45;&gt;ChooserModule -->
<g id="edge15" class="edge">
<title>SharedModule&#45;&gt;ChooserModule</title>
<path fill="none" stroke="black" d="M2064.55,-161.02C2064.55,-161.02 2064.55,-182.53 2064.55,-182.53"/>
<polygon fill="black" stroke="black" points="2061.05,-182.53 2064.55,-192.53 2068.05,-182.53 2061.05,-182.53"/>
</g>
<!-- SharedModule&#45;&gt;ClusterModule -->
<g id="edge20" class="edge">
<title>SharedModule&#45;&gt;ClusterModule</title>
<path fill="none" stroke="black" d="M1995.5,-161.02C1995.5,-161.02 1995.5,-182.53 1995.5,-182.53"/>
<polygon fill="black" stroke="black" points="1992,-182.53 1995.5,-192.53 1999,-182.53 1992,-182.53"/>
</g>
<!-- SharedModule&#45;&gt;ConfigurationModule -->
<g id="edge25" class="edge">
<title>SharedModule&#45;&gt;ConfigurationModule</title>
<path fill="none" stroke="black" d="M1986.57,-151.8C1942.97,-151.8 1886.31,-151.8 1886.31,-151.8 1886.31,-151.8 1886.31,-182.78 1886.31,-182.78"/>
<polygon fill="black" stroke="black" points="1882.81,-182.78 1886.31,-192.78 1889.81,-182.78 1882.81,-182.78"/>
</g>
<!-- SharedModule&#45;&gt;DashboardModule -->
<g id="edge32" class="edge">
<title>SharedModule&#45;&gt;DashboardModule</title>
<path fill="none" stroke="black" d="M2085.36,-157.8C2128.06,-157.8 2183,-157.8 2183,-157.8 2183,-157.8 2183,-182.56 2183,-182.56"/>
<polygon fill="black" stroke="black" points="2179.5,-182.56 2183,-192.56 2186.5,-182.56 2179.5,-182.56"/>
</g>
<!-- SharedModule&#45;&gt;HistoryModule -->
<g id="edge34" class="edge">
<title>SharedModule&#45;&gt;HistoryModule</title>
<path fill="none" stroke="black" d="M2085.25,-153.8C2168.56,-153.8 2328.3,-153.8 2328.3,-153.8 2328.3,-153.8 2328.3,-182.76 2328.3,-182.76"/>
<polygon fill="black" stroke="black" points="2324.8,-182.76 2328.3,-192.76 2331.8,-182.76 2324.8,-182.76"/>
</g>
<!-- SharedModule&#45;&gt;InstanceModule -->
<g id="edge37" class="edge">
<title>SharedModule&#45;&gt;InstanceModule</title>
<path fill="none" stroke="black" d="M2085.59,-150.8C2194.94,-150.8 2447.14,-150.8 2447.14,-150.8 2447.14,-150.8 2447.14,-182.8 2447.14,-182.8"/>
<polygon fill="black" stroke="black" points="2443.64,-182.8 2447.14,-192.8 2450.64,-182.8 2443.64,-182.8"/>
</g>
<!-- SharedModule&#45;&gt;ResourceModule -->
<g id="edge45" class="edge">
<title>SharedModule&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M2085.64,-146.8C2215.22,-146.8 2553.71,-146.8 2553.71,-146.8 2553.71,-146.8 2553.71,-182.63 2553.71,-182.63"/>
<polygon fill="black" stroke="black" points="2550.21,-182.63 2553.71,-192.63 2557.21,-182.63 2550.21,-182.63"/>
</g>
<!-- WorkflowModule -->
<g id="node13" class="node">
<title>WorkflowModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2796.59,-228.8 2793.59,-232.8 2772.59,-232.8 2769.59,-228.8 2679.41,-228.8 2679.41,-192.8 2796.59,-192.8 2796.59,-228.8"/>
<text text-anchor="middle" x="2738" y="-206.6" font-family="Times,serif" font-size="14.00">WorkflowModule</text>
</g>
<!-- SharedModule&#45;&gt;WorkflowModule -->
<g id="edge76" class="edge">
<title>SharedModule&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M2085.35,-142.8C2240.33,-142.8 2707.09,-142.8 2707.09,-142.8 2707.09,-142.8 2707.09,-182.58 2707.09,-182.58"/>
<polygon fill="black" stroke="black" points="2703.59,-182.58 2707.09,-192.58 2710.59,-182.58 2703.59,-182.58"/>
</g>
<!-- ControllerModule -->
<g id="node26" class="node">
<title>ControllerModule</title>
<polygon fill="#8dd3c7" stroke="black" points="1555.6,-228.8 1552.6,-232.8 1531.6,-232.8 1528.6,-228.8 1438.4,-228.8 1438.4,-192.8 1555.6,-192.8 1555.6,-228.8"/>
<text text-anchor="middle" x="1497" y="-206.6" font-family="Times,serif" font-size="14.00">ControllerModule</text>
</g>
<!-- SharedModule&#45;&gt;ControllerModule -->
<g id="edge28" class="edge">
<title>SharedModule&#45;&gt;ControllerModule</title>
<path fill="none" stroke="black" d="M1991.14,-160.95C1991.14,-162.1 1991.14,-162.8 1991.14,-162.8 1991.14,-162.8 1516.52,-162.8 1516.52,-162.8 1516.52,-162.8 1516.52,-182.65 1516.52,-182.65"/>
<polygon fill="black" stroke="black" points="1513.02,-182.65 1516.52,-192.65 1520.02,-182.65 1513.02,-182.65"/>
</g>
<!-- DetailHeaderComponent  -->
<g id="node52" class="node">
<title>DetailHeaderComponent </title>
<polygon fill="#fb8072" stroke="black" points="2734.95,-84.8 2575.05,-84.8 2575.05,-48.8 2734.95,-48.8 2734.95,-84.8"/>
<text text-anchor="middle" x="2655" y="-62.6" font-family="Times,serif" font-size="14.00">DetailHeaderComponent </text>
</g>
<!-- SharedModule&#45;&gt;DetailHeaderComponent  -->
<g id="edge60" class="edge">
<title>SharedModule&#45;&gt;DetailHeaderComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2085.68,-135.8C2220.79,-135.8 2584.89,-135.8 2584.89,-135.8 2584.89,-135.8 2584.89,-94.93 2584.89,-94.93"/>
<polygon fill="black" stroke="black" points="2588.39,-94.93 2584.89,-84.93 2581.39,-94.93 2588.39,-94.93"/>
</g>
<!-- DisabledLabelComponent  -->
<g id="node53" class="node">
<title>DisabledLabelComponent </title>
<polygon fill="#fb8072" stroke="black" points="2557.47,-84.8 2390.53,-84.8 2390.53,-48.8 2557.47,-48.8 2557.47,-84.8"/>
<text text-anchor="middle" x="2474" y="-62.6" font-family="Times,serif" font-size="14.00">DisabledLabelComponent </text>
</g>
<!-- SharedModule&#45;&gt;DisabledLabelComponent  -->
<g id="edge61" class="edge">
<title>SharedModule&#45;&gt;DisabledLabelComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2085.37,-132.8C2184.7,-132.8 2399.27,-132.8 2399.27,-132.8 2399.27,-132.8 2399.27,-94.83 2399.27,-94.83"/>
<polygon fill="black" stroke="black" points="2402.77,-94.83 2399.27,-84.83 2395.77,-94.83 2402.77,-94.83"/>
</g>
<!-- JsonViewerComponent  -->
<g id="node54" class="node">
<title>JsonViewerComponent </title>
<polygon fill="#fb8072" stroke="black" points="2372.43,-84.8 2221.57,-84.8 2221.57,-48.8 2372.43,-48.8 2372.43,-84.8"/>
<text text-anchor="middle" x="2297" y="-62.6" font-family="Times,serif" font-size="14.00">JsonViewerComponent </text>
</g>
<!-- SharedModule&#45;&gt;JsonViewerComponent  -->
<g id="edge62" class="edge">
<title>SharedModule&#45;&gt;JsonViewerComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2085.32,-128.8C2152.88,-128.8 2265.91,-128.8 2265.91,-128.8 2265.91,-128.8 2265.91,-95.07 2265.91,-95.07"/>
<polygon fill="black" stroke="black" points="2269.41,-95.07 2265.91,-85.07 2262.41,-95.07 2269.41,-95.07"/>
</g>
<!-- KeyValuePairDirective  -->
<g id="node55" class="node">
<title>KeyValuePairDirective </title>
<polygon fill="#fb8072" stroke="black" points="3428.39,-84.8 3277.61,-84.8 3277.61,-48.8 3428.39,-48.8 3428.39,-84.8"/>
<text text-anchor="middle" x="3353" y="-62.6" font-family="Times,serif" font-size="14.00">KeyValuePairDirective </text>
</g>
<!-- SharedModule&#45;&gt;KeyValuePairDirective  -->
<g id="edge63" class="edge">
<title>SharedModule&#45;&gt;KeyValuePairDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2075.12,-124.56C2075.12,-109.23 2075.12,-89.8 2075.12,-89.8 2075.12,-89.8 3282.91,-89.8 3282.91,-89.8 3282.91,-89.8 3282.91,-89.31 3282.91,-89.31"/>
<polygon fill="black" stroke="black" points="3286.41,-94.92 3282.91,-84.92 3279.41,-94.92 3286.41,-94.92"/>
</g>
<!-- KeyValuePairsComponent  -->
<g id="node56" class="node">
<title>KeyValuePairsComponent </title>
<polygon fill="#fb8072" stroke="black" points="3259.58,-84.8 3090.42,-84.8 3090.42,-48.8 3259.58,-48.8 3259.58,-84.8"/>
<text text-anchor="middle" x="3175" y="-62.6" font-family="Times,serif" font-size="14.00">KeyValuePairsComponent </text>
</g>
<!-- SharedModule&#45;&gt;KeyValuePairsComponent  -->
<g id="edge64" class="edge">
<title>SharedModule&#45;&gt;KeyValuePairsComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2070.08,-124.52C2070.08,-108.85 2070.08,-88.8 2070.08,-88.8 2070.08,-88.8 3094.55,-88.8 3094.55,-88.8 3094.55,-88.8 3094.55,-88.42 3094.55,-88.42"/>
<polygon fill="black" stroke="black" points="3098.05,-94.97 3094.55,-84.97 3091.05,-94.97 3098.05,-94.97"/>
</g>
<!-- MaterialModule  -->
<g id="node57" class="node">
<title>MaterialModule </title>
<polygon fill="#fb8072" stroke="black" points="3557.47,-84.8 3446.53,-84.8 3446.53,-48.8 3557.47,-48.8 3557.47,-84.8"/>
<text text-anchor="middle" x="3502" y="-62.6" font-family="Times,serif" font-size="14.00">MaterialModule </text>
</g>
<!-- SharedModule&#45;&gt;MaterialModule  -->
<g id="edge65" class="edge">
<title>SharedModule&#45;&gt;MaterialModule </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2080.17,-124.68C2080.17,-110.02 2080.17,-91.8 2080.17,-91.8 2080.17,-91.8 3455.9,-91.8 3455.9,-91.8 3455.9,-91.8 3455.9,-91.12 3455.9,-91.12"/>
<polygon fill="black" stroke="black" points="3459.4,-94.97 3455.9,-84.97 3452.4,-94.97 3459.4,-94.97"/>
</g>
<!-- NodeViewerComponent  -->
<g id="node58" class="node">
<title>NodeViewerComponent </title>
<polygon fill="#fb8072" stroke="black" points="2909.36,-84.8 2752.64,-84.8 2752.64,-48.8 2909.36,-48.8 2909.36,-84.8"/>
<text text-anchor="middle" x="2831" y="-62.6" font-family="Times,serif" font-size="14.00">NodeViewerComponent </text>
</g>
<!-- SharedModule&#45;&gt;NodeViewerComponent  -->
<g id="edge66" class="edge">
<title>SharedModule&#45;&gt;NodeViewerComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2085.33,-139.8C2250.63,-139.8 2774.68,-139.8 2774.68,-139.8 2774.68,-139.8 2774.68,-94.84 2774.68,-94.84"/>
<polygon fill="black" stroke="black" points="2778.18,-94.84 2774.68,-84.84 2771.18,-94.84 2778.18,-94.84"/>
</g>
<!-- StateLabelComponent  -->
<g id="node59" class="node">
<title>StateLabelComponent </title>
<polygon fill="#fb8072" stroke="black" points="3072.19,-84.8 2927.81,-84.8 2927.81,-48.8 3072.19,-48.8 3072.19,-84.8"/>
<text text-anchor="middle" x="3000" y="-62.6" font-family="Times,serif" font-size="14.00">StateLabelComponent </text>
</g>
<!-- SharedModule&#45;&gt;StateLabelComponent  -->
<g id="edge67" class="edge">
<title>SharedModule&#45;&gt;StateLabelComponent </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2065.03,-124.77C2065.03,-108.4 2065.03,-86.8 2065.03,-86.8 2065.03,-86.8 2946.94,-86.8 2946.94,-86.8 2946.94,-86.8 2946.94,-86.62 2946.94,-86.62"/>
<polygon fill="black" stroke="black" points="2950.44,-94.95 2946.94,-84.95 2943.44,-94.95 2950.44,-94.95"/>
</g>
<!-- WorkflowModule&#45;&gt;AppModule -->
<g id="edge12" class="edge">
<title>WorkflowModule&#45;&gt;AppModule</title>
<path fill="none" stroke="black" d="M2738,-228.95C2738,-252.56 2738,-290.8 2738,-290.8 2738,-290.8 2149.06,-290.8 2149.06,-290.8"/>
<polygon fill="black" stroke="black" points="2149.06,-287.3 2139.06,-290.8 2149.06,-294.3 2149.06,-287.3"/>
</g>
<!-- HelixListComponent -->
<g id="node15" class="node">
<title>HelixListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="4272.21,-160.8 4137.79,-160.8 4137.79,-124.8 4272.21,-124.8 4272.21,-160.8"/>
<text text-anchor="middle" x="4205" y="-138.6" font-family="Times,serif" font-size="14.00">HelixListComponent</text>
</g>
<!-- HelixListComponent&#45;&gt;ChooserModule -->
<g id="edge14" class="edge">
<title>HelixListComponent&#45;&gt;ChooserModule</title>
<path fill="none" stroke="black" d="M4205,-161.22C4205,-170.08 4205,-178.8 4205,-178.8 4205,-178.8 2128.48,-178.8 2128.48,-178.8 2128.48,-178.8 2128.48,-182.56 2128.48,-182.56"/>
<polygon fill="black" stroke="black" points="2124.98,-182.56 2128.48,-192.56 2131.98,-182.56 2124.98,-182.56"/>
</g>
<!-- ChooserService -->
<g id="node16" class="node">
<title>ChooserService</title>
<ellipse fill="#fdb462" stroke="black" cx="4042" cy="-142.8" rx="72.36" ry="18"/>
<text text-anchor="middle" x="4042" y="-138.6" font-family="Times,serif" font-size="14.00">ChooserService</text>
</g>
<!-- ChooserService&#45;&gt;ChooserModule -->
<g id="edge16" class="edge">
<title>ChooserService&#45;&gt;ChooserModule</title>
<path fill="none" stroke="black" d="M4042,-160.99C4042,-169.08 4042,-176.8 4042,-176.8 4042,-176.8 2106.84,-176.8 2106.84,-176.8 2106.84,-176.8 2106.84,-182.61 2106.84,-182.61"/>
<polygon fill="black" stroke="black" points="2103.34,-182.61 2106.84,-192.61 2110.34,-182.61 2103.34,-182.61"/>
</g>
<!-- ClusterComponent -->
<g id="node17" class="node">
<title>ClusterComponent</title>
<polygon fill="#ffffb3" stroke="black" points="3929.77,-160.8 3808.23,-160.8 3808.23,-124.8 3929.77,-124.8 3929.77,-160.8"/>
<text text-anchor="middle" x="3869" y="-138.6" font-family="Times,serif" font-size="14.00">ClusterComponent</text>
</g>
<!-- ClusterComponent&#45;&gt;ClusterModule -->
<g id="edge17" class="edge">
<title>ClusterComponent&#45;&gt;ClusterModule</title>
<path fill="none" stroke="black" d="M3869,-161.04C3869,-168.23 3869,-174.8 3869,-174.8 3869,-174.8 2021.64,-174.8 2021.64,-174.8 2021.64,-174.8 2021.64,-182.38 2021.64,-182.38"/>
<polygon fill="black" stroke="black" points="2018.14,-182.38 2021.64,-192.38 2025.14,-182.38 2018.14,-182.38"/>
</g>
<!-- ClusterDetailComponent -->
<g id="node18" class="node">
<title>ClusterDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="3789.98,-160.8 3634.02,-160.8 3634.02,-124.8 3789.98,-124.8 3789.98,-160.8"/>
<text text-anchor="middle" x="3712" y="-138.6" font-family="Times,serif" font-size="14.00">ClusterDetailComponent</text>
</g>
<!-- ClusterDetailComponent&#45;&gt;ClusterModule -->
<g id="edge18" class="edge">
<title>ClusterDetailComponent&#45;&gt;ClusterModule</title>
<path fill="none" stroke="black" d="M3712,-160.94C3712,-167.26 3712,-172.8 3712,-172.8 3712,-172.8 2017.28,-172.8 2017.28,-172.8 2017.28,-172.8 2017.28,-182.69 2017.28,-182.69"/>
<polygon fill="black" stroke="black" points="2013.78,-182.69 2017.28,-192.69 2020.78,-182.69 2013.78,-182.69"/>
</g>
<!-- ClusterListComponent -->
<g id="node19" class="node">
<title>ClusterListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="3615.55,-160.8 3472.45,-160.8 3472.45,-124.8 3615.55,-124.8 3615.55,-160.8"/>
<text text-anchor="middle" x="3544" y="-138.6" font-family="Times,serif" font-size="14.00">ClusterListComponent</text>
</g>
<!-- ClusterListComponent&#45;&gt;ClusterModule -->
<g id="edge19" class="edge">
<title>ClusterListComponent&#45;&gt;ClusterModule</title>
<path fill="none" stroke="black" d="M3544,-161.01C3544,-166.35 3544,-170.8 3544,-170.8 3544,-170.8 2012.93,-170.8 2012.93,-170.8 2012.93,-170.8 2012.93,-182.67 2012.93,-182.67"/>
<polygon fill="black" stroke="black" points="2009.43,-182.67 2012.93,-192.67 2016.43,-182.67 2009.43,-182.67"/>
</g>
<!-- ClusterService -->
<g id="node22" class="node">
<title>ClusterService</title>
<ellipse fill="#fdb462" stroke="black" cx="3031" cy="-142.8" rx="67.78" ry="18"/>
<text text-anchor="middle" x="3031" y="-138.6" font-family="Times,serif" font-size="14.00">ClusterService</text>
</g>
<!-- ClusterService&#45;&gt;ClusterModule -->
<g id="edge23" class="edge">
<title>ClusterService&#45;&gt;ClusterModule</title>
<path fill="none" stroke="black" d="M2979.04,-154.57C2979.04,-159.8 2979.04,-164.8 2979.04,-164.8 2979.04,-164.8 2008.57,-164.8 2008.57,-164.8 2008.57,-164.8 2008.57,-182.62 2008.57,-182.62"/>
<polygon fill="black" stroke="black" points="2005.07,-182.62 2008.57,-192.62 2012.07,-182.62 2005.07,-182.62"/>
</g>
<!-- ConfigDetailComponent -->
<g id="node23" class="node">
<title>ConfigDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="3173.43,-296.8 3018.57,-296.8 3018.57,-260.8 3173.43,-260.8 3173.43,-296.8"/>
<text text-anchor="middle" x="3096" y="-274.6" font-family="Times,serif" font-size="14.00">ConfigDetailComponent</text>
</g>
<!-- ConfigDetailComponent&#45;&gt;ConfigurationModule -->
<g id="edge24" class="edge">
<title>ConfigDetailComponent&#45;&gt;ConfigurationModule</title>
<path fill="none" stroke="black" d="M3058.84,-260.67C3058.84,-250.49 3058.84,-239.8 3058.84,-239.8 3058.84,-239.8 1804.48,-239.8 1804.48,-239.8 1804.48,-239.8 1804.48,-238.72 1804.48,-238.72"/>
<polygon fill="black" stroke="black" points="1807.98,-239 1804.48,-229 1800.98,-239 1807.98,-239"/>
</g>
<!-- ControllerDetailComponent -->
<g id="node25" class="node">
<title>ControllerDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1565.58,-160.8 1392.42,-160.8 1392.42,-124.8 1565.58,-124.8 1565.58,-160.8"/>
<text text-anchor="middle" x="1479" y="-138.6" font-family="Times,serif" font-size="14.00">ControllerDetailComponent</text>
</g>
<!-- ControllerDetailComponent&#45;&gt;ControllerModule -->
<g id="edge27" class="edge">
<title>ControllerDetailComponent&#45;&gt;ControllerModule</title>
<path fill="none" stroke="black" d="M1477.48,-161.02C1477.48,-161.02 1477.48,-182.53 1477.48,-182.53"/>
<polygon fill="black" stroke="black" points="1473.98,-182.53 1477.48,-192.53 1480.98,-182.53 1473.98,-182.53"/>
</g>
<!-- DashboardComponent -->
<g id="node27" class="node">
<title>DashboardComponent</title>
<polygon fill="#ffffb3" stroke="black" points="4453.98,-160.8 4312.02,-160.8 4312.02,-124.8 4453.98,-124.8 4453.98,-160.8"/>
<text text-anchor="middle" x="4383" y="-138.6" font-family="Times,serif" font-size="14.00">DashboardComponent</text>
</g>
<!-- DashboardComponent&#45;&gt;DashboardModule -->
<g id="edge29" class="edge">
<title>DashboardComponent&#45;&gt;DashboardModule</title>
<path fill="none" stroke="black" d="M4383,-160.91C4383,-170.7 4383,-180.8 4383,-180.8 4383,-180.8 2243.72,-180.8 2243.72,-180.8 2243.72,-180.8 2243.72,-182.66 2243.72,-182.66"/>
<polygon fill="black" stroke="black" points="2240.22,-182.66 2243.72,-192.66 2247.22,-182.66 2240.22,-182.66"/>
</g>
<!-- ResourceService -->
<g id="node28" class="node">
<title>ResourceService</title>
<ellipse fill="#fdb462" stroke="black" cx="4550" cy="-66.8" rx="75.85" ry="18"/>
<text text-anchor="middle" x="4550" y="-62.6" font-family="Times,serif" font-size="14.00">ResourceService</text>
</g>
<!-- ResourceService&#45;&gt;ResourceModule -->
<g id="edge46" class="edge">
<title>ResourceService&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M4524.69,-83.9C4524.69,-90.64 4524.69,-96.8 4524.69,-96.8 4524.69,-96.8 2594.51,-96.8 2594.51,-96.8 2594.51,-96.8 2594.51,-182.74 2594.51,-182.74"/>
<polygon fill="black" stroke="black" points="2591.01,-182.74 2594.51,-192.74 2598.01,-182.74 2591.01,-182.74"/>
</g>
<!-- ResourceService&#45;&gt;DashboardComponent -->
<g id="edge30" class="edge">
<title>ResourceService&#45;&gt;DashboardComponent</title>
<path fill="none" stroke="black" d="M4575.31,-84.05C4575.31,-106.47 4575.31,-142.8 4575.31,-142.8 4575.31,-142.8 4464.06,-142.8 4464.06,-142.8"/>
<polygon fill="black" stroke="black" points="4464.06,-139.3 4454.06,-142.8 4464.06,-146.3 4464.06,-139.3"/>
</g>
<!-- InstanceService -->
<g id="node29" class="node">
<title>InstanceService</title>
<ellipse fill="#fdb462" stroke="black" cx="4384" cy="-66.8" rx="72.33" ry="18"/>
<text text-anchor="middle" x="4384" y="-62.6" font-family="Times,serif" font-size="14.00">InstanceService</text>
</g>
<!-- InstanceService&#45;&gt;InstanceModule -->
<g id="edge38" class="edge">
<title>InstanceService&#45;&gt;InstanceModule</title>
<path fill="none" stroke="black" d="M4359.34,-83.73C4359.34,-89.63 4359.34,-94.8 4359.34,-94.8 4359.34,-94.8 2468.38,-94.8 2468.38,-94.8 2468.38,-94.8 2468.38,-182.68 2468.38,-182.68"/>
<polygon fill="black" stroke="black" points="2464.88,-182.67 2468.38,-192.68 2471.88,-182.68 2464.88,-182.67"/>
</g>
<!-- InstanceService&#45;&gt;DashboardComponent -->
<g id="edge31" class="edge">
<title>InstanceService&#45;&gt;DashboardComponent</title>
<path fill="none" stroke="black" d="M4406.66,-84.05C4406.66,-84.05 4406.66,-114.56 4406.66,-114.56"/>
<polygon fill="black" stroke="black" points="4403.16,-114.56 4406.66,-124.56 4410.16,-114.56 4403.16,-114.56"/>
</g>
<!-- HistoryListComponent -->
<g id="node30" class="node">
<title>HistoryListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="4811.61,-160.8 4666.39,-160.8 4666.39,-124.8 4811.61,-124.8 4811.61,-160.8"/>
<text text-anchor="middle" x="4739" y="-138.6" font-family="Times,serif" font-size="14.00">HistoryListComponent</text>
</g>
<!-- HistoryListComponent&#45;&gt;HistoryModule -->
<g id="edge33" class="edge">
<title>HistoryListComponent&#45;&gt;HistoryModule</title>
<path fill="none" stroke="black" d="M4739,-160.93C4739,-171.51 4739,-182.8 4739,-182.8 4739,-182.8 2350.38,-182.8 2350.38,-182.8 2350.38,-182.8 2350.38,-183.78 2350.38,-183.78"/>
<polygon fill="black" stroke="black" points="2346.88,-182.59 2350.38,-192.59 2353.88,-182.59 2346.88,-182.59"/>
</g>
<!-- InstanceDetailComponent -->
<g id="node31" class="node">
<title>InstanceDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="5182.18,-160.8 5019.82,-160.8 5019.82,-124.8 5182.18,-124.8 5182.18,-160.8"/>
<text text-anchor="middle" x="5101" y="-138.6" font-family="Times,serif" font-size="14.00">InstanceDetailComponent</text>
</g>
<!-- InstanceDetailComponent&#45;&gt;InstanceModule -->
<g id="edge35" class="edge">
<title>InstanceDetailComponent&#45;&gt;InstanceModule</title>
<path fill="none" stroke="black" d="M5101,-160.95C5101,-173.07 5101,-186.8 5101,-186.8 5101,-186.8 2510.86,-186.8 2510.86,-186.8 2510.86,-186.8 2510.86,-187.38 2510.86,-187.38"/>
<polygon fill="black" stroke="black" points="2507.36,-182.61 2510.86,-192.61 2514.36,-182.61 2507.36,-182.61"/>
</g>
<!-- InstanceListComponent -->
<g id="node32" class="node">
<title>InstanceListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="5001.75,-160.8 4852.25,-160.8 4852.25,-124.8 5001.75,-124.8 5001.75,-160.8"/>
<text text-anchor="middle" x="4927" y="-138.6" font-family="Times,serif" font-size="14.00">InstanceListComponent</text>
</g>
<!-- InstanceListComponent&#45;&gt;InstanceModule -->
<g id="edge36" class="edge">
<title>InstanceListComponent&#45;&gt;InstanceModule</title>
<path fill="none" stroke="black" d="M4927,-160.86C4927,-172.24 4927,-184.8 4927,-184.8 4927,-184.8 2489.62,-184.8 2489.62,-184.8 2489.62,-184.8 2489.62,-185.59 2489.62,-185.59"/>
<polygon fill="black" stroke="black" points="2486.12,-182.74 2489.62,-192.74 2493.12,-182.74 2486.12,-182.74"/>
</g>
<!-- PartitionDetailComponent -->
<g id="node33" class="node">
<title>PartitionDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="6387.76,-160.8 6224.24,-160.8 6224.24,-124.8 6387.76,-124.8 6387.76,-160.8"/>
<text text-anchor="middle" x="6306" y="-138.6" font-family="Times,serif" font-size="14.00">PartitionDetailComponent</text>
</g>
<!-- PartitionDetailComponent&#45;&gt;ResourceModule -->
<g id="edge39" class="edge">
<title>PartitionDetailComponent&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M6306,-124.65C6306,-112.53 6306,-98.8 6306,-98.8 6306,-98.8 2604.12,-98.8 2604.12,-98.8 2604.12,-98.8 2604.12,-182.31 2604.12,-182.31"/>
<polygon fill="black" stroke="black" points="2600.62,-182.31 2604.12,-192.31 2607.62,-182.31 2600.62,-182.31"/>
</g>
<!-- PartitionListComponent -->
<g id="node34" class="node">
<title>PartitionListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="6205.83,-160.8 6054.17,-160.8 6054.17,-124.8 6205.83,-124.8 6205.83,-160.8"/>
<text text-anchor="middle" x="6130" y="-138.6" font-family="Times,serif" font-size="14.00">PartitionListComponent</text>
</g>
<!-- PartitionListComponent&#45;&gt;ResourceModule -->
<g id="edge40" class="edge">
<title>PartitionListComponent&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M6130,-124.31C6130,-112.66 6130,-99.8 6130,-99.8 6130,-99.8 2613.74,-99.8 2613.74,-99.8 2613.74,-99.8 2613.74,-182.47 2613.74,-182.47"/>
<polygon fill="black" stroke="black" points="2610.24,-182.47 2613.74,-192.47 2617.24,-182.47 2610.24,-182.47"/>
</g>
<!-- ResourceDetailComponent -->
<g id="node35" class="node">
<title>ResourceDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="6036.63,-160.8 5869.37,-160.8 5869.37,-124.8 6036.63,-124.8 6036.63,-160.8"/>
<text text-anchor="middle" x="5953" y="-138.6" font-family="Times,serif" font-size="14.00">ResourceDetailComponent</text>
</g>
<!-- ResourceDetailComponent&#45;&gt;ResourceModule -->
<g id="edge41" class="edge">
<title>ResourceDetailComponent&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M5953,-124.7C5953,-113.71 5953,-101.8 5953,-101.8 5953,-101.8 2623.36,-101.8 2623.36,-101.8 2623.36,-101.8 2623.36,-182.31 2623.36,-182.31"/>
<polygon fill="black" stroke="black" points="2619.86,-182.31 2623.36,-192.31 2626.86,-182.31 2619.86,-182.31"/>
</g>
<!-- ResourceDetailForInstanceComponent -->
<g id="node36" class="node">
<title>ResourceDetailForInstanceComponent</title>
<polygon fill="#ffffb3" stroke="black" points="5850.72,-160.8 5617.28,-160.8 5617.28,-124.8 5850.72,-124.8 5850.72,-160.8"/>
<text text-anchor="middle" x="5734" y="-138.6" font-family="Times,serif" font-size="14.00">ResourceDetailForInstanceComponent</text>
</g>
<!-- ResourceDetailForInstanceComponent&#45;&gt;ResourceModule -->
<g id="edge42" class="edge">
<title>ResourceDetailForInstanceComponent&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M5734,-124.67C5734,-114.49 5734,-103.8 5734,-103.8 5734,-103.8 2632.97,-103.8 2632.97,-103.8 2632.97,-103.8 2632.97,-182.65 2632.97,-182.65"/>
<polygon fill="black" stroke="black" points="2629.47,-182.65 2632.97,-192.65 2636.47,-182.65 2629.47,-182.65"/>
</g>
<!-- ResourceListComponent -->
<g id="node37" class="node">
<title>ResourceListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="5599.7,-160.8 5444.3,-160.8 5444.3,-124.8 5599.7,-124.8 5599.7,-160.8"/>
<text text-anchor="middle" x="5522" y="-138.6" font-family="Times,serif" font-size="14.00">ResourceListComponent</text>
</g>
<!-- ResourceListComponent&#45;&gt;ResourceModule -->
<g id="edge43" class="edge">
<title>ResourceListComponent&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M5522,-160.95C5522,-174.54 5522,-190.8 5522,-190.8 5522,-190.8 2652.2,-190.8 2652.2,-190.8 2652.2,-190.8 2652.2,-190.98 2652.2,-190.98"/>
<polygon fill="black" stroke="black" points="2648.71,-182.65 2652.2,-192.65 2655.71,-182.65 2648.71,-182.65"/>
</g>
<!-- ResourceNodeViewerComponent -->
<g id="node38" class="node">
<title>ResourceNodeViewerComponent</title>
<polygon fill="#ffffb3" stroke="black" points="5426.45,-160.8 5221.55,-160.8 5221.55,-124.8 5426.45,-124.8 5426.45,-160.8"/>
<text text-anchor="middle" x="5324" y="-138.6" font-family="Times,serif" font-size="14.00">ResourceNodeViewerComponent</text>
</g>
<!-- ResourceNodeViewerComponent&#45;&gt;ResourceModule -->
<g id="edge44" class="edge">
<title>ResourceNodeViewerComponent&#45;&gt;ResourceModule</title>
<path fill="none" stroke="black" d="M5324,-160.98C5324,-173.84 5324,-188.8 5324,-188.8 5324,-188.8 2642.59,-188.8 2642.59,-188.8 2642.59,-188.8 2642.59,-189.18 2642.59,-189.18"/>
<polygon fill="black" stroke="black" points="2639.09,-182.63 2642.59,-192.63 2646.09,-182.63 2639.09,-182.63"/>
</g>
<!-- AlertDialogComponent -->
<g id="node39" class="node">
<title>AlertDialogComponent</title>
<polygon fill="#ffffb3" stroke="black" points="2198.2,-84.8 2049.8,-84.8 2049.8,-48.8 2198.2,-48.8 2198.2,-84.8"/>
<text text-anchor="middle" x="2124" y="-62.6" font-family="Times,serif" font-size="14.00">AlertDialogComponent</text>
</g>
<!-- AlertDialogComponent&#45;&gt;SharedModule -->
<g id="edge47" class="edge">
<title>AlertDialogComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M2054.94,-84.81C2054.94,-84.81 2054.94,-114.65 2054.94,-114.65"/>
<polygon fill="black" stroke="black" points="2051.44,-114.65 2054.94,-124.65 2058.44,-114.65 2051.44,-114.65"/>
</g>
<!-- ConfirmDialogComponent -->
<g id="node40" class="node">
<title>ConfirmDialogComponent</title>
<polygon fill="#ffffb3" stroke="black" points="2031.38,-84.8 1864.62,-84.8 1864.62,-48.8 2031.38,-48.8 2031.38,-84.8"/>
<text text-anchor="middle" x="1948" y="-62.6" font-family="Times,serif" font-size="14.00">ConfirmDialogComponent</text>
</g>
<!-- ConfirmDialogComponent&#45;&gt;SharedModule -->
<g id="edge48" class="edge">
<title>ConfirmDialogComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M2027.72,-84.81C2027.72,-84.81 2027.72,-114.65 2027.72,-114.65"/>
<polygon fill="black" stroke="black" points="2024.22,-114.65 2027.72,-124.65 2031.22,-114.65 2024.22,-114.65"/>
</g>
<!-- DataTableComponent -->
<g id="node41" class="node">
<title>DataTableComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1846.63,-84.8 1707.37,-84.8 1707.37,-48.8 1846.63,-48.8 1846.63,-84.8"/>
<text text-anchor="middle" x="1777" y="-62.6" font-family="Times,serif" font-size="14.00">DataTableComponent</text>
</g>
<!-- DataTableComponent&#45;&gt;SharedModule -->
<g id="edge49" class="edge">
<title>DataTableComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1846.69,-66.8C1854.92,-66.8 1860.47,-66.8 1860.47,-66.8 1860.47,-66.8 1860.47,-142.8 1860.47,-142.8 1860.47,-142.8 1976.64,-142.8 1976.64,-142.8"/>
<polygon fill="black" stroke="black" points="1976.64,-146.3 1986.64,-142.8 1976.64,-139.3 1976.64,-146.3"/>
</g>
<!-- DetailHeaderComponent -->
<g id="node42" class="node">
<title>DetailHeaderComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1688.95,-84.8 1533.05,-84.8 1533.05,-48.8 1688.95,-48.8 1688.95,-84.8"/>
<text text-anchor="middle" x="1611" y="-62.6" font-family="Times,serif" font-size="14.00">DetailHeaderComponent</text>
</g>
<!-- DetailHeaderComponent&#45;&gt;SharedModule -->
<g id="edge50" class="edge">
<title>DetailHeaderComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1647.37,-84.86C1647.37,-96.24 1647.37,-108.8 1647.37,-108.8 1647.37,-108.8 2024,-108.8 2024,-108.8 2024,-108.8 2024,-114.61 2024,-114.61"/>
<polygon fill="black" stroke="black" points="2020.5,-114.61 2024,-124.61 2027.5,-114.61 2020.5,-114.61"/>
</g>
<!-- DisabledLabelComponent -->
<g id="node43" class="node">
<title>DisabledLabelComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1515.47,-84.8 1352.53,-84.8 1352.53,-48.8 1515.47,-48.8 1515.47,-84.8"/>
<text text-anchor="middle" x="1434" y="-62.6" font-family="Times,serif" font-size="14.00">DisabledLabelComponent</text>
</g>
<!-- DisabledLabelComponent&#45;&gt;SharedModule -->
<g id="edge51" class="edge">
<title>DisabledLabelComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1453.97,-85.29C1453.97,-96.94 1453.97,-109.8 1453.97,-109.8 1453.97,-109.8 2020.28,-109.8 2020.28,-109.8 2020.28,-109.8 2020.28,-114.76 2020.28,-114.76"/>
<polygon fill="black" stroke="black" points="2016.78,-114.76 2020.28,-124.76 2023.78,-114.76 2016.78,-114.76"/>
</g>
<!-- InputDialogComponent -->
<g id="node44" class="node">
<title>InputDialogComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1334.49,-84.8 1185.51,-84.8 1185.51,-48.8 1334.49,-48.8 1334.49,-84.8"/>
<text text-anchor="middle" x="1260" y="-62.6" font-family="Times,serif" font-size="14.00">InputDialogComponent</text>
</g>
<!-- InputDialogComponent&#45;&gt;SharedModule -->
<g id="edge52" class="edge">
<title>InputDialogComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1260,-84.84C1260,-97.36 1260,-111.8 1260,-111.8 1260,-111.8 2016.55,-111.8 2016.55,-111.8 2016.55,-111.8 2016.55,-114.77 2016.55,-114.77"/>
<polygon fill="black" stroke="black" points="2013.05,-114.77 2016.55,-124.77 2020.05,-114.77 2013.05,-114.77"/>
</g>
<!-- InputInlineComponent -->
<g id="node45" class="node">
<title>InputInlineComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1167.54,-84.8 1024.46,-84.8 1024.46,-48.8 1167.54,-48.8 1167.54,-84.8"/>
<text text-anchor="middle" x="1096" y="-62.6" font-family="Times,serif" font-size="14.00">InputInlineComponent</text>
</g>
<!-- InputInlineComponent&#45;&gt;SharedModule -->
<g id="edge53" class="edge">
<title>InputInlineComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M1096,-84.84C1096,-98.09 1096,-113.8 1096,-113.8 1096,-113.8 2012.83,-113.8 2012.83,-113.8 2012.83,-113.8 2012.83,-114.88 2012.83,-114.88"/>
<polygon fill="black" stroke="black" points="2009.33,-114.6 2012.83,-124.6 2016.33,-114.6 2009.33,-114.6"/>
</g>
<!-- JsonViewerComponent -->
<g id="node46" class="node">
<title>JsonViewerComponent</title>
<polygon fill="#ffffb3" stroke="black" points="1006.93,-84.8 859.07,-84.8 859.07,-48.8 1006.93,-48.8 1006.93,-84.8"/>
<text text-anchor="middle" x="933" y="-62.6" font-family="Times,serif" font-size="14.00">JsonViewerComponent</text>
</g>
<!-- JsonViewerComponent&#45;&gt;SharedModule -->
<g id="edge54" class="edge">
<title>JsonViewerComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M933,-84.95C933,-98.54 933,-114.8 933,-114.8 933,-114.8 2009.11,-114.8 2009.11,-114.8 2009.11,-114.8 2009.11,-115.78 2009.11,-115.78"/>
<polygon fill="black" stroke="black" points="2005.61,-114.59 2009.11,-124.59 2012.61,-114.59 2005.61,-114.59"/>
</g>
<!-- KeyValuePairDirective -->
<g id="node47" class="node">
<title>KeyValuePairDirective</title>
<polygon fill="#ffffb3" stroke="black" points="841.89,-84.8 694.11,-84.8 694.11,-48.8 841.89,-48.8 841.89,-84.8"/>
<text text-anchor="middle" x="768" y="-62.6" font-family="Times,serif" font-size="14.00">KeyValuePairDirective</text>
</g>
<!-- KeyValuePairDirective&#45;&gt;SharedModule -->
<g id="edge55" class="edge">
<title>KeyValuePairDirective&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M768,-84.85C768,-99.17 768,-116.8 768,-116.8 768,-116.8 2005.39,-116.8 2005.39,-116.8 2005.39,-116.8 2005.39,-117.59 2005.39,-117.59"/>
<polygon fill="black" stroke="black" points="2001.89,-114.74 2005.39,-124.74 2008.89,-114.74 2001.89,-114.74"/>
</g>
<!-- KeyValuePairsComponent -->
<g id="node48" class="node">
<title>KeyValuePairsComponent</title>
<polygon fill="#ffffb3" stroke="black" points="676.08,-84.8 509.92,-84.8 509.92,-48.8 676.08,-48.8 676.08,-84.8"/>
<text text-anchor="middle" x="593" y="-62.6" font-family="Times,serif" font-size="14.00">KeyValuePairsComponent</text>
</g>
<!-- KeyValuePairsComponent&#45;&gt;SharedModule -->
<g id="edge56" class="edge">
<title>KeyValuePairsComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M593,-84.99C593,-99.98 593,-118.8 593,-118.8 593,-118.8 2001.67,-118.8 2001.67,-118.8 2001.67,-118.8 2001.67,-119.38 2001.67,-119.38"/>
<polygon fill="black" stroke="black" points="1998.17,-114.61 2001.67,-124.61 2005.17,-114.61 1998.17,-114.61"/>
</g>
<!-- NodeViewerComponent -->
<g id="node49" class="node">
<title>NodeViewerComponent</title>
<polygon fill="#ffffb3" stroke="black" points="492.36,-84.8 339.64,-84.8 339.64,-48.8 492.36,-48.8 492.36,-84.8"/>
<text text-anchor="middle" x="416" y="-62.6" font-family="Times,serif" font-size="14.00">NodeViewerComponent</text>
</g>
<!-- NodeViewerComponent&#45;&gt;SharedModule -->
<g id="edge57" class="edge">
<title>NodeViewerComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M416,-85.04C416,-100.37 416,-119.8 416,-119.8 416,-119.8 1997.95,-119.8 1997.95,-119.8 1997.95,-119.8 1997.95,-120.29 1997.95,-120.29"/>
<polygon fill="black" stroke="black" points="1994.45,-114.68 1997.95,-124.68 2001.45,-114.68 1994.45,-114.68"/>
</g>
<!-- StateLabelComponent -->
<g id="node50" class="node">
<title>StateLabelComponent</title>
<polygon fill="#ffffb3" stroke="black" points="321.69,-84.8 180.31,-84.8 180.31,-48.8 321.69,-48.8 321.69,-84.8"/>
<text text-anchor="middle" x="251" y="-62.6" font-family="Times,serif" font-size="14.00">StateLabelComponent</text>
</g>
<!-- StateLabelComponent&#45;&gt;SharedModule -->
<g id="edge58" class="edge">
<title>StateLabelComponent&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M251,-84.81C251,-100.85 251,-121.8 251,-121.8 251,-121.8 1994.23,-121.8 1994.23,-121.8 1994.23,-121.8 1994.23,-122.09 1994.23,-122.09"/>
<polygon fill="black" stroke="black" points="1990.73,-114.72 1994.23,-124.72 1997.73,-114.72 1990.73,-114.72"/>
</g>
<!-- MaterialModule -->
<g id="node51" class="node">
<title>MaterialModule</title>
<polygon fill="#8dd3c7" stroke="black" points="3687.47,-84.8 3684.47,-88.8 3663.47,-88.8 3660.47,-84.8 3580.53,-84.8 3580.53,-48.8 3687.47,-48.8 3687.47,-84.8"/>
<text text-anchor="middle" x="3634" y="-62.6" font-family="Times,serif" font-size="14.00">MaterialModule</text>
</g>
<!-- MaterialModule&#45;&gt;SharedModule -->
<g id="edge59" class="edge">
<title>MaterialModule&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M3592.27,-84.96C3592.27,-89.84 3592.27,-93.8 3592.27,-93.8 3592.27,-93.8 2059.99,-93.8 2059.99,-93.8 2059.99,-93.8 2059.99,-114.55 2059.99,-114.55"/>
<polygon fill="black" stroke="black" points="2056.49,-114.55 2059.99,-124.55 2063.49,-114.55 2056.49,-114.55"/>
</g>
<!-- TestingModule -->
<g id="node61" class="node">
<title>TestingModule</title>
<polygon fill="#8dd3c7" stroke="black" points="2930.55,-160.8 2927.55,-164.8 2906.55,-164.8 2903.55,-160.8 2829.45,-160.8 2829.45,-124.8 2930.55,-124.8 2930.55,-160.8"/>
<text text-anchor="middle" x="2880" y="-138.6" font-family="Times,serif" font-size="14.00">TestingModule</text>
</g>
<!-- MaterialModule&#45;&gt;TestingModule -->
<g id="edge69" class="edge">
<title>MaterialModule&#45;&gt;TestingModule</title>
<path fill="none" stroke="black" d="M3604.02,-84.93C3604.02,-95.51 3604.02,-106.8 3604.02,-106.8 3604.02,-106.8 2915.34,-106.8 2915.34,-106.8 2915.34,-106.8 2915.34,-114.38 2915.34,-114.38"/>
<polygon fill="black" stroke="black" points="2911.84,-114.38 2915.34,-124.38 2918.84,-114.38 2911.84,-114.38"/>
</g>
<!-- HelperService -->
<g id="node60" class="node">
<title>HelperService</title>
<ellipse fill="#fdb462" stroke="black" cx="90" cy="-66.8" rx="66.03" ry="18"/>
<text text-anchor="middle" x="90" y="-62.6" font-family="Times,serif" font-size="14.00">HelperService</text>
</g>
<!-- HelperService&#45;&gt;SharedModule -->
<g id="edge68" class="edge">
<title>HelperService&#45;&gt;SharedModule</title>
<path fill="none" stroke="black" d="M90,-84.84C90,-101.53 90,-123.8 90,-123.8 90,-123.8 1990.51,-123.8 1990.51,-123.8 1990.51,-123.8 1990.51,-123.88 1990.51,-123.88"/>
<polygon fill="black" stroke="black" points="1987.01,-114.62 1990.51,-124.62 1994.01,-114.62 1987.01,-114.62"/>
</g>
<!-- TestingModule&#45;&gt;MaterialModule  -->
<g id="edge70" class="edge">
<title>TestingModule&#45;&gt;MaterialModule </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M2921.49,-124.69C2921.49,-114.9 2921.49,-104.8 2921.49,-104.8 2921.49,-104.8 3464.06,-104.8 3464.06,-104.8 3464.06,-104.8 3464.06,-94.91 3464.06,-94.91"/>
<polygon fill="black" stroke="black" points="3467.56,-94.91 3464.06,-84.91 3460.56,-94.91 3467.56,-94.91"/>
</g>
<!-- JobDetailComponent -->
<g id="node62" class="node">
<title>JobDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="7383.49,-160.8 7248.51,-160.8 7248.51,-124.8 7383.49,-124.8 7383.49,-160.8"/>
<text text-anchor="middle" x="7316" y="-138.6" font-family="Times,serif" font-size="14.00">JobDetailComponent</text>
</g>
<!-- JobDetailComponent&#45;&gt;WorkflowModule -->
<g id="edge71" class="edge">
<title>JobDetailComponent&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M7316,-161.05C7316,-183.82 7316,-219.8 7316,-219.8 7316,-219.8 2806.72,-219.8 2806.72,-219.8"/>
<polygon fill="black" stroke="black" points="2806.72,-216.3 2796.72,-219.8 2806.72,-223.3 2806.72,-216.3"/>
</g>
<!-- JobListComponent -->
<g id="node63" class="node">
<title>JobListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="7230.06,-160.8 7107.94,-160.8 7107.94,-124.8 7230.06,-124.8 7230.06,-160.8"/>
<text text-anchor="middle" x="7169" y="-138.6" font-family="Times,serif" font-size="14.00">JobListComponent</text>
</g>
<!-- JobListComponent&#45;&gt;WorkflowModule -->
<g id="edge72" class="edge">
<title>JobListComponent&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M7169,-160.84C7169,-182.46 7169,-215.8 7169,-215.8 7169,-215.8 2806.87,-215.8 2806.87,-215.8"/>
<polygon fill="black" stroke="black" points="2806.87,-212.3 2796.87,-215.8 2806.87,-219.3 2806.87,-212.3"/>
</g>
<!-- WorkflowDagComponent -->
<g id="node64" class="node">
<title>WorkflowDagComponent</title>
<polygon fill="#ffffb3" stroke="black" points="7090.19,-160.8 6927.81,-160.8 6927.81,-124.8 7090.19,-124.8 7090.19,-160.8"/>
<text text-anchor="middle" x="7009" y="-138.6" font-family="Times,serif" font-size="14.00">WorkflowDagComponent</text>
</g>
<!-- WorkflowDagComponent&#45;&gt;WorkflowModule -->
<g id="edge73" class="edge">
<title>WorkflowDagComponent&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M7009,-161.02C7009,-181.17 7009,-210.8 7009,-210.8 7009,-210.8 2806.75,-210.8 2806.75,-210.8"/>
<polygon fill="black" stroke="black" points="2806.75,-207.3 2796.75,-210.8 2806.75,-214.3 2806.75,-207.3"/>
</g>
<!-- WorkflowDetailComponent -->
<g id="node65" class="node">
<title>WorkflowDetailComponent</title>
<polygon fill="#ffffb3" stroke="black" points="6909.58,-160.8 6736.42,-160.8 6736.42,-124.8 6909.58,-124.8 6909.58,-160.8"/>
<text text-anchor="middle" x="6823" y="-138.6" font-family="Times,serif" font-size="14.00">WorkflowDetailComponent</text>
</g>
<!-- WorkflowDetailComponent&#45;&gt;WorkflowModule -->
<g id="edge74" class="edge">
<title>WorkflowDetailComponent&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M6823,-160.97C6823,-179.89 6823,-206.8 6823,-206.8 6823,-206.8 2806.93,-206.8 2806.93,-206.8"/>
<polygon fill="black" stroke="black" points="2806.93,-203.3 2796.93,-206.8 2806.93,-210.3 2806.93,-203.3"/>
</g>
<!-- WorkflowListComponent -->
<g id="node66" class="node">
<title>WorkflowListComponent</title>
<polygon fill="#ffffb3" stroke="black" points="7562.15,-160.8 7401.85,-160.8 7401.85,-124.8 7562.15,-124.8 7562.15,-160.8"/>
<text text-anchor="middle" x="7482" y="-138.6" font-family="Times,serif" font-size="14.00">WorkflowListComponent</text>
</g>
<!-- WorkflowListComponent&#45;&gt;WorkflowModule -->
<g id="edge75" class="edge">
<title>WorkflowListComponent&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M7482,-161C7482,-185.16 7482,-224.8 7482,-224.8 7482,-224.8 2806.7,-224.8 2806.7,-224.8"/>
<polygon fill="black" stroke="black" points="2806.7,-221.3 2796.7,-224.8 2806.7,-228.3 2806.7,-221.3"/>
</g>
<!-- JobService -->
<g id="node67" class="node">
<title>JobService</title>
<ellipse fill="#fdb462" stroke="black" cx="6659" cy="-142.8" rx="53.32" ry="18"/>
<text text-anchor="middle" x="6659" y="-138.6" font-family="Times,serif" font-size="14.00">JobService</text>
</g>
<!-- JobService&#45;&gt;WorkflowModule -->
<g id="edge77" class="edge">
<title>JobService&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M6659,-160.82C6659,-178.17 6659,-201.8 6659,-201.8 6659,-201.8 2806.86,-201.8 2806.86,-201.8"/>
<polygon fill="black" stroke="black" points="2806.86,-198.3 2796.86,-201.8 2806.86,-205.3 2806.86,-198.3"/>
</g>
<!-- WorkflowService -->
<g id="node68" class="node">
<title>WorkflowService</title>
<ellipse fill="#fdb462" stroke="black" cx="6508" cy="-142.8" rx="79.86" ry="18"/>
<text text-anchor="middle" x="6508" y="-138.6" font-family="Times,serif" font-size="14.00">WorkflowService</text>
</g>
<!-- WorkflowService&#45;&gt;WorkflowModule -->
<g id="edge78" class="edge">
<title>WorkflowService&#45;&gt;WorkflowModule</title>
<path fill="none" stroke="black" d="M6508,-160.81C6508,-176.85 6508,-197.8 6508,-197.8 6508,-197.8 2806.84,-197.8 2806.84,-197.8"/>
<polygon fill="black" stroke="black" points="2806.84,-194.3 2796.84,-197.8 2806.84,-201.3 2806.84,-194.3"/>
</g>
</g>
</svg>

    </div>
    <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
    <div class="btn-group size-buttons">
        <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
        <button id="reset" class="btn btn-default btn-sm">Reset</button>
        <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
    </div>
</div>
  
<div class="tab-content overview">
    <div class="row">
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-ios-archive"></span></h4>
                    <p class="card-text">
                        <a href="./modules.html">14 Modules</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
                    <p class="card-text">34 Components</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
                    <p class="card-text">1 Directive</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-arrow-round-down"></span></h4>
                    <p class="card-text">12 Injectables</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-ios-paper"></span></h4>
                    <p class="card-text">13 Classes</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-ios-lock"></span></h4>
                    <p class="card-text">2 Guards</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-information-circle-outline"></span></h4>
                    <p class="card-text">7 Interfaces</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/libs/svg-pan-zoom.min.js"></script>
<script src="js/svg-pan-zoom.controls.js"></script> 


















                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

          <label class="dark-mode-switch">
               <input type="checkbox">
               <span class="slider">
                    <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
                    </svg>
               </span>
          </label>

       <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'overview';
            var COMPODOC_CURRENT_PAGE_URL = 'overview.html';
            var MAX_SEARCH_RESULTS = 15;
       </script>

       <script src="./js/libs/custom-elements.min.js"></script>
       <script src="./js/libs/lit-html.js"></script>

       <script src="./js/menu-wc.js" defer></script>
       <script nomodule src="./js/menu-wc_es5.js" defer></script>

       <script src="./js/libs/bootstrap-native.js"></script>

       <script src="./js/libs/es6-shim.min.js"></script>
       <script src="./js/libs/EventDispatcher.js"></script>
       <script src="./js/libs/promise.min.js"></script>
       <script src="./js/libs/zepto.min.js"></script>

       <script src="./js/compodoc.js"></script>

       <script src="./js/tabs.js"></script>
       <script src="./js/menu.js"></script>
       <script src="./js/libs/clipboard.min.js"></script>
       <script src="./js/libs/prism.js"></script>
       <script src="./js/sourceCode.js"></script>
          <script src="./js/search/search.js"></script>
          <script src="./js/search/lunr.min.js"></script>
          <script src="./js/search/search-lunr.js"></script>
          <script src="./js/search/search_index.js"></script>
       <script src="./js/lazy-load-graphs.js"></script>


    </body>
</html>
